<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/includes.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>zzzzzz</title>
	<%@ include file="/WEB-INF/common/meta.jsp" %>
	<link type="text/css" rel="stylesheet" href="${ctx}/res/css/main.css" />
	<script type="text/javascript" src="${ctx}/res/js/jquery/jquery-1.6.1.min.js"></script>
	<script type="text/javascript">
		var jq = jQuery.noConflict();
	</script>
	<script type="text/javascript" src="${ctx}/res/js/main.js"></script>
	<script type="text/javascript" src="${ctx}/res/js/forgot_password.js"></script>
</head>
<body>

<%@ include file="/WEB-INF/common/header.jsp" %>

<div class="site-wrap wrap">
	<div class="forgotpassword-wrap">
		<div class="fp-section">
		<h1>Forgot your password?</h1>
		<p>No worries, enter your email and we'll send you a link to reset it.</p>
		
		<div class="form-wrap">
			<form:form id="user-fp-form" method="post" modelAttribute="forgotPasswordVo" action="${ctx}/user/forgot_password" class="user-fp-form">
				<form:errors path="*" element="div" cssClass="msg-error"/>
				<div class="fieldset" style="overflow: auto;">
					<label for="user-fp-email" id="user-fp-email-error-msg" class="user-fp-error-msg" style="display: none;"></label>
					<div style="clear: both; margin-top: 16px;">
						<label for="user-fp-email" class="column of-four">Email <span class="required">*</span></label><form:input path="email" placeholder="Email" maxlength="255" id="user-fp-email" class="triple-column column of-four" />
					</div>
				</div>
				<div>
					<span class="column of-four"></span><div class="triple-column column of-four"><input type="submit" value="Send reset instructions" id="user-fp-submit" name="user-fp-submit" class="style3-button medium-button button" /><span id="user-fp-submit-status" class="user-fp-submit-status"></span></div>
				</div>
			</form:form>
		</div>
		</div>
	</div>
</div>
<script type="text/javascript">

var forgotPassword = new ForgotPassword({
	'j_user_fp_form' : jq("#user-fp-form"),
	'j_user_fp_email' : jq("#user-fp-email"),
	'j_user_fp_email_error_msg' : jq("#user-fp-email-error-msg"),
	'j_user_fp_submit' : jq("#user-fp-submit"),
	'j_user_fp_submit_status' : jq("#user-fp-submit-status")
});

</script>

<%@ include file="/WEB-INF/common/footer.jsp" %>

</body>
</html>